@import url(base.css);
@import url(menu.css);
html {overflow-y:hidden;}
body {width:100%;min-width:960px;}
div.header {width:100%;min-width:960px;border-bottom:3px solid #f30;height:36px;overflow:hidden;background:#000;color:#fff;display:block;}
	div.header h1 {float:left;padding-left:6px;font-size:30px;font-family:Gesorgia, "Times New Roman", Times, serif;}
	div.header h1 sup {color:#f90;font-size:12px;font-weight:bold;}
	div.header div {float:right;text-align:right;padding-right:5px}
	div.header h3 {color:#fff;font-family:Georgia,Times New Roman,serif;font-size:1em;padding:3px 0 0 0;}
	div.header h3 label {padding:0;margin:0;}
	div.header h3 select {padding:0;font-size:0.8em;}
	div.header p {float:right;font-size:10px;font-family:Verdana, Arial, Helvetica, sans-serif;font-weight:normal;color:#eee;}
	div.header p a {color:#fff;}
div.footer {min-width:960px;font-size:11px;display:block;position:fixed;bottom:0;left:0;width:100%;padding:0;}
div.footer h1 {float:right;padding-bottom:5px;}
div.footer div,div.footer h1 {padding:3px 6px;}

#mainDiv {float:left;width:100%;}
#mainDiv #tree {float:left;width:220px;overflow:auto;position:relative;background:url(assets/mb.png) repeat-y right 0;background-color:#F3F3F3;}
#mainDiv #switch {float:left;width:5px;background:#f1f1f1;border-right:1px solid #ccc;height:100px;min-height:100px;top:0;cursor:e-resize;position:absolute;z-index:999;}
#mainDiv #switch a {float:left;width:9px;height:47px;background:url(assets/switch-l.gif) no-repeat 0 0;text-indent:-1000px;overflow:hidden;cursor:pointer;margin-top:220px;margin-left:-2px;}
#mainDiv #switch a.s1 {background-image:url(assets/switch-r.gif);}
#mainDiv #frame {float:right;}
#mainDiv #frame iframe {width:100%;border:0;overflow:scroll-y;}
#mainDiv #treeData {padding:5px;}
	#treeData h1 {padding-bottom:5px;font-size:14pt;}
	#treeData h1 sup {font-size:8pt;font-weight:normal;}
	#treeData .item {padding:5px;}
	#treeData .item li {list-style-type:disc;list-style-position:outside;margin-left:12px;padding:3px 0;}
	#treeData .item ul.sub {padding:0;}
	#treeData .item ul.sub li {list-style-type:circle;font-size:11px;padding:1px 0;margin-left:15px;}

#maskDiv {display:none;position:absolute;left:0;top:0;z-index:100;background:#333;filter:alpha(Opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;}

div.nav {position:absolute;left:225px;top:16px;padding:0;margin:0;min-width:500px;}
div.nav ul {float:left;width:100%;}
div.nav ul, div.nav li {list-type:none;padding:0;margin:0;}
div.nav li {
	float:left;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
	margin-right:5px;
}
div.nav li a, div.nav li a:link, div.nav li a:active, div.nav li a:visited {
	color: #eee;
	background: transparent;
	-webkit-border-radius: 0.2em 0.2em 0 0;
	-moz-border-radius: 0.2em 0.2em 0 0;
	border-radius: 0.2em 0.2em 0 0;
	text-decoration:none;
	outline: 0 none;
	padding:2px 5px;
	font-size:11pt;
	font-weight:bold;
}
div.nav li a:focus, div.nav li a:hover, div.nav li.active a {
	background: rgba(255,255,255,.3);
	color: #fff;
}

